/* pages/campMap/campMap.wxss */
// @import "../../components/camp-item/camp-item.scss";

.map-box {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    // map组件撑满整个屏幕
    .map {
        width: 100%;
        height: 100%;
    }
    .address-search{
      width: 100%;
      height: 130rpx;
      background-color: #ffffff;
      position: fixed;
      bottom: 0;
    }
    .detail-button {
      width: 94%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f39e00;
      color: #fff;
    }
}


/* components/camp-item/camp-item.wxss */
.camp-item-box {
  width: 94%;
  height: 220rpx;
  margin: 20rpx auto;
  border-bottom: 1rpx solid #eee;
  // background-color: palegoldenrod;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .camp-image-box {
      width: 30%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .camp-info {
      width: 70%;
      height: 100%;
      // background-color: seagreen;
      .camp-address-name {
          height: 45rpx;
          line-height: 45rpx;
          padding: 20rpx 10rpx;
          // background-color: #fff;
      }
      .camp-detail {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 135rpx;
          .camp-type {
              display: flex;
              font-size: 22rpx;
              .camp-type-name {
                  color: #3d3d3d;
                  padding: 5rpx 10rpx;
                  margin: 15rpx;
                  border: 2rpx solid #b2afaf;
                  border-radius: 10rpx;
              }
          }
          .camp-distance {
              color: #696868;
              font-size: 24rpx;
          }
      }
  }
}